<template>
    <div>
        one
        <input type="text" v-model="bind_message">
        <div :title="title_message">
            {{bind_message}}
        </div>
        <div v-bind:title="title_message">
            {{bind_message}}
        </div>
        <div>{{bind_message2}}</div>
        <div v-for="(item, index) in table_data" :key="index">{{item.name}}</div>
        <div v-if="bind_message === 'bind_message'"> 我出现了</div>
        <div v-else> 我小时了</div>
        <!-- <div>{{Math.random()}}</div> -->
        <!-- <div>{{count++}}</div> -->
    </div>
    
</template>

<script>

export default {
    name: 'one',
    // components: [],
    data() {
        return {
            title_message: 'title_message',
            bind_message: 'bind_message',
            table_data: [
                {name: 'abc'},
                {name: 'dfg'},
                {name: 'asd'},
                {name: '1ddd23'},
            ],
            count: '1'
        }
        
    },
    computed: {
        bind_message2() {
            return this.bind_message + 'newbee'
        }
    },
    created() {
        
    }
}
</script>

<style lang="scss" scoped>
    *{
        color: red
    }
</style>
